<template>
  <div>
	  <home-header></home-header>
	  <home-logo></home-logo>
	  <home-list :arrList="array"></home-list>
	  <home-footer></home-footer>
  </div>
</template>
<script>
  import HomeHeader from '@/components/Header'
  import HomeLogo from '@/components/Logo'
  import HomeList from '@/components/List'
  import HomeFooter from '@/components/Footer'
  import course1 from "@/assets/course1.jpg"
  import course2 from "@/assets/course2.jpg"
  import course3 from "@/assets/course3.jpg"
  import course4 from "@/assets/course4.jpg"
  import course5 from "@/assets/course5.jpg"
  export default {
    data(){
	  return{
		array: []
	  }
	},
	mounted(){
	  this.array = [
		{
		  imgUrl: course1,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
		  imgUrl: course2,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
		  imgUrl: course3,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
		  imgUrl: course4,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
		  imgUrl: course5,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
		  imgUrl: course1,
		  title: '实例妙解Sed和Awk的秘密',
		  msg: '中级 · 330人在学'
		},
		{
			imgUrl: course1,
			title: '实例妙解Sed和Awk的秘密',
			msg: '中级 · 330人在学'
		}
	  ];
	},
    components: {
      HomeHeader,
      HomeLogo,
      HomeList,
      HomeFooter
    }
  }
</script>
<style scoped>

</style>